<template>
  <div class="grid-item">
    <van-grid-item :text="text">
      <template #icon>
        <van-icon :name="name" :size="size" :color="color" />
      </template>
    </van-grid-item>
  </div>
</template>

<script>
export default {
  props: {
    text: String,
    name: String,
    size: String,
    color: String
  }
};
</script>

<style scoped>
.grid-item {
  width: 33%;
}
</style>